import React from 'react';
import ReactDom from 'react-dom';
import {Button,Menu,Modal,Icon,Tabs,message,Form,Input,CheckBox} from 'antd';
import 'antd/dist/antd.css';
const FormItem = Form.Item;
const SubMenu = Menu.SubMenu;
const TabPane = Tabs.TabPane;
const MenuItemGroup = Menu.MenuItemGroup;
import { Row,Col } from 'antd';
import {Router, Route, Link, hashHistory} from 'react-router';
import Index from './components/index';
import List from './components/list';
import Detaile from './components/detaile';

export default class Root extends React.Component{

	render(){
		return (
			<Router history={hashHistory}>
			    <Route path="/" component={Index}></Route>
			    <Route path="list/:id" component={List}></Route>
			    <Route path="detaile/:articleid" component={Detaile}></Route>
			</Router>
		);
	}
}

ReactDom.render(<Root/>,document.getElementById('mainContainer'));